<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /*
        Html5新增了两个本地存储数据，分别是sessionStorage 和 localStorage. 浏览器支持程度如下：


        session 会话

            sessionStorage 
                用户访问页面期间有效，只在当前用户访问窗口有效，不能跨域名访问
         local 本地    
            localStorage
                永久性的，不能跨域名访问

                5M 数据

                1M = 1024KB  = 
                1KB= 1024 B  

        
        */

        /*
            查看-  开发者工具 -- application  应用 里面

            api 是一样的
        */
        window.sessionStorage
        sessionStorage
        console.log(localStorage);

        // 存入一个键值对象  key value （添加）
        // 只能存字符串
        // localStorage.setItem('username', '刘健')
        localStorage.setItem('username', 223)
        console.log(localStorage.getItem('username'));
        // 如果读取不出来 结果为null
        console.log(localStorage.getItem('age'));//


        // 修改了username的数据
        // localStorage.setItem('username', 'zhangsan')

        // 删除一个键值对
        // localStorage.removeItem('username')

        // 清空
        // localStorage.clear()


        // 存一个键值对
        // sessionStorage.setItem('age', 19)
        // // 修改
        // sessionStorage.setItem('age', 29)
        // // 删除
        // // sessionStorage.removeItem('age')

        // // 清空
        // sessionStorage.clear()



    </script>

</body>

</html>